<template>
    <div class="ep-message-item">
        <p class="col-hui" style="margin:0" v-text="title"></p>
        <h1 :class="isBottom?'is-show':''"><span v-show="money">￥</span>{{sum}}</h1>
        <slot></slot>
    </div>
</template>

<script type="es6">
    export default {
        props: {
            title: {
                type: String,
                default:''
            },
            sum: {
                type: String/Number,
                default:''
            },
            money:{
                type:String/Number,
                default:'true'
            },
            isBottom:{
                type:Boolean,
                default:true
            }
        },
        data() {
            return {
                dialogVisible:false,
                personMessage:{},
                companyMessage:{},
                id:'',
                tableList:[]
            }
        },
        created() {
        },
        methods: {

        }
    }
</script>

<style lang="less" scoped>
    .ep-message-item{
        min-width:200px;
        margin-left: 10px;
        background: #fff;
        padding: 20px;
        h1{
            text-align: center;
            font-size: 28px;
            color:#f56c6c;
            margin: 20px 0 10px;
            padding-bottom:10px;
            
        }
        .is-show{
            border-bottom: 1px solid #efefef;
        }
        .ep-right-item{
            margin-bottom:5px;
            color:#1891ff;
            font-weight: bold;
            span{
                margin-right:20px;
            }
        }
    }

</style>
